html, body { margin: 0; background-color: #eee; font-size: 16px; font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei"; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; outline: none; } i, h1, h2, h3, h4, h5 { font-style: normal; font-weight: normal; font-size: 1em; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, button, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a { margin: 0; padding: 0; border: 0; outline: none; } .width_page { width: 1000px; margin: 32px auto; position: relative; } .width_page .cont { background: #fff; padding: 20px; overflow: hidden; transition: border-radius 0.5s; } .c1 .swiper-slide .swiper_text { width: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; z-index: 99; height: 38px; line-height: 38px; padding: 0 20px; font-size: 16px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; } .sx-1-l { width: 640px; height: 274px; float: left; margin: 0 20px 0 0; } .sx-1-l img { width: 100%; } .sx-1-r h2 { font-size: 18px; color: #115998; padding: 0 0 10px; } .sx-1-r .info { font-size: 16px; color: #504d4d; text-align: justify; line-height: 1.7; text-indent: 2em; } /* c2 */ .width_page .title1 { width: 100%; position: relative; padding: 0; height: auto; margin: 0 auto 30px; line-height: 54px; background: #fff; overflow: hidden; font-size: 1em; } .width_page .title1 p { font-size: 18px; color: #115998; font-weight: bold; height: 24px; line-height: 24px; } .width_page .title1 .more { position: absolute; top: 50%; right: 0; margin: -10px 0 0; } .width_page .more { display: inline-block; height: 20px; line-height: 20px; font-size: 12px; color: #8c9195; padding-right: 10px; background: url('http://www.zgwypl.com/5th/images/more.png') no-repeat right center; } .list4_ul { width: calc(100% + 50px); margin-left: -25px; } .list4_li { width: calc(25% - 50px); float: left; overflow: hidden; padding: 0 25px; } .list4_li img { width: 100%; } .list4_li+.list4_li { margin-left: -12.5%; } .list4_li:nth-child(2n) { margin-top: 500px; } .years_waptit { display: none; } .list4_p { font-size: 12px; color: #000; margin-right: 0px; text-align: justify; line-height: 1.8; margin-top: 1em; } .years { width: 898px; height: 84px; padding: 80px 0 60px; background: url('http://www.zgwypl.com/6th/images/years_bg.png') no-repeat center center; margin: auto; position: absolute; top: 50%; left: 50%; margin: -112px 0 0 -449px; } .years_listsub { width: 60px; text-align: center; overflow: hidden; position: absolute; } .years_listsub2020 { top: 40px; left: -20px; } .years_listsub2019 { top: 128px; left: 140px; } .years_listsub2018 { top: 38px; left: 286px; } .years_listsub2017 { top: 128px; left: 430px; } .years_listsub2016 { top: 40px; left: 565px; } .years_listsub2015 { top: 144px; left: 720px; } .years_listsub2014 { top: 36px; left: 845px; } .years_icon { width: 34px; height: 27px; position: relative; margin: auto; } .years_icon_t { background: url('http://www.zgwypl.com/6th/images/icon_foot_t.png') no-repeat; opacity: 1; animation: years_icon_tplay 1.5s linear infinite; } .years_icon_b { background: url('http://www.zgwypl.com/6th/images/icon_foot_b.png') no-repeat; opacity: 0.7; animation: years_icon_bplay 1.5s linear infinite; } .years_icon_t, .years_icon_b { display: block; width: 34px; height: 27px; position: absolute; top: 0; left: 0; } .years_icon1 { display: none; } .years_text { font-size: 18px; color: #115998; font-weight: bold; } @keyframes years_icon_tplay { 50% { opacity: 0.7; transform: translate(-10px); } } @keyframes years_icon_bplay { 50% { opacity: 1; transform: translate(10px); } } /* c3 */ .list5_li { width: 48%; overflow: hidden; position: relative; padding-bottom: 20px; margin-bottom: 20px; margin: 0 4% 20px 0; float: left; } .list5_img { width: 148px; height: 96px; float: left; margin: 0 18px 0 0; position: relative; } .list5_img_img { display: block; width: 100%; } .list5_main { overflow: hidden; position: relative; } .list5_tit { font-size: 14px; color: #1d70b9; padding: 0 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .list5_p { height: 80px; font-size: 12px; color: #000; line-height: 20px; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .list5_li:nth-child(even) { margin-right: 0; } .list5_tit a { font-size: 14px; color: #1d70b9; } .list5_p a { font-size: 12px; color: #000; } /* c4 */ .list6_li { width: 168px; float: left; overflow: hidden; position: relative; margin: 0 30px 15px 0; } .last { margin-right: 0; } .list6_img { display: block; width: 100%; position: relative; margin-bottom: 15px; } .list6_p { font-size: 12px; color: #1d70b9; margin-right: 0px; text-align: center; line-height: 1.8; } .main_l { width: 660px; float: left; margin: 0 20px 0 0; overflow: hidden; } .main_r { width: 320px; overflow: hidden; } .list5_li { width: 48%; overflow: hidden; position: relative; padding-bottom: 20px; margin-bottom: 20px; margin: 0 4% 20px 0; float: left; } .list2_ul { overflow: hidden; } .list2_li.m_b0.p_b0 { margin-bottom: 0; padding-bottom: 0; } .list2_img { display: block; width: 100%; position: relative; margin-bottom: 18px; } .m_b0 { margin-bottom: 0px; } .list2_p { font-size: 14px; color: #1d70b9; margin-right: 0x; text-align: justify; } .white_space { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .m_b18 { margin-bottom: 14px; } .width_page .cont.p_b6 { padding-bottom: 6px; } .width_page .cont.p_t6 { padding-top: 6px; } .img_three_img { display: block; width: calc(25% - 6px); float: left; margin: 0 7px 0 0; } .img_three_img.m_r0 { margin-right: 0; } .list1_tit { font-size: 14px; color: #1d70b9; padding: 0 0 10px; } .list1_tit a { font-size: 14px; color: #1d70b9; } .list1_p { font-size: 12px; color: #000; } .list1_p a { font-size: 12px; color: #000; } .img_three { overflow: hidden; } .list1 { overflow: hidden; padding: 10px 0 0; } .list3 { overflow: hidden; } .list3_ul { overflow: hidden; padding-bottom: 4px; padding-bottom: 4px; } .list3_li { width: 100%; overflow: hidden; position: relative; padding-bottom: 21px; margin-bottom: 21px; } .list3_img { width: 116px; height: 82px; float: left; margin: 0 18px 0 0; position: relative; } .list3_main { overflow: hidden; position: relative; } .list3 .bor1 { position: absolute; bottom: 0; left: 0; right: 0; } .list3_img_img { display: block; width: 100%; height: 82px; } .list3_tit { font-size: 14px; color: #1d70b9; padding: 0 0 10px; } .list3_p { font-size: 12px; color: #000; margin: 0 0 2px; } .list3_time_more { position: relative; } .list3_p a { font-size: 12px; color: #000; } .list3_time { font-size: 12px; color: #8c9195; } .list3_time_more .more { position: absolute; top: 50%; right: 0; margin: -10px 0 0; } .list3_tit a { font-size: 14px; color: #1d70b9; } .page { width: 100%; padding: 20px 0; overflow: hidden; text-align: center; font-size: 0; background: #fff; } .page a.up, .page a.down { background: #d8d8d8; } .page a, .page span { padding: 11px 15px; font-size: 16px; color: #6d6d6d; border: solid 1px #c2c2c2; border-radius: 4px; margin: 0 8px; } .page a:hover, .page a:focus, .page a.on { background: #d8d8d8; } .red .list5_li { width: auto; float: none; } .red .list5_img { width: 363px; } .red .title1 p { font-size: 14px; color: #c30000; font-weight: bold; height: 24px; line-height: 24px; } .red.width_page .title1 { background: none; } .red .title1 .fa { animation: titplay 0.5s infinite; } .red .title1 .fa:first-child { margin-right: 10px; } .red .title1 .fa:last-child { margin-left: 10px; } .list8_ul { overflow: hidden; } .list8_li { width: 31%; overflow: hidden; position: relative; margin-bottom: 16px; margin-right: 3.33%; float: left; } .list8_li:nth-child(3n) { margin-right: 0; } .list8_tit a { font-size: 14px; color: #1d70b9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .list8_tit { padding-bottom: 10px; } .list8_img { display: block; width: 100%; position: relative; margin-bottom: 20px; } .list8_img_img { display: block; width: 100%; } .bor1 { height: 1px; background: url('http://www.zgwypl.com/2019nCoV/images/bor1.png') repeat-x; } @keyframes titplay { 50% { transform: scale(0.9); } } .title1 .fa.huo { background: url(http://www.zgwypl.com/2019nCoV/images/huoicon.png) no-repeat; background-size: 13px; width: 13px; height: 18px; position: relative; top: 3px; } .list9_ul { overflow: hidden; padding-bottom: 4px; padding-bottom: 4px; } .list9_tit { font-size: 14px; color: #1d70b9; padding: 0 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .list9_tit a { font-size: 14px; color: #1d70b9; } .list9_p { font-size: 12px; color: #000; line-height: 20px; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .list9_p a { font-size: 12px; color: #000; } .list9_b { position: relative; overflow: hidden; } .list9_b span { font-size: 12px; color: #8c9195; padding-right: 52px; } .list9_b .more { float: right; } .list9_li { width: 100%; overflow: hidden; position: relative; padding-bottom: 20px; margin-bottom: 20px; } .list9 .bor1 { position: absolute; bottom: 0; left: 0; right: 0; } .flower2 .flower2_t { background: url(http://www.zgwypl.com/2019nCoV/images/flower2_t.jpg) no-repeat; width: 318px; height: 217px; position: absolute; top: 0; right: 0; z-index: 0; } .list_videoli { overflow: hidden; width: calc(25% - 6px); float: left; margin-right: 8px; cursor: pointer; } .list_videoli:nth-child(4n) { margin-right: 0; } .list_videomain { width: 100%; height: 160px; position: relative; background: #000; } .list_video video { width: 100%; height: 100%; cursor: pointer; } .list_videotext { height: 40px; line-height: 40px; font-size: 14px; color: #1d70b9; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: #fff; padding: 0 20px; } .list_videoimg_icon { display: block; width: 39px; height: 39px; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; z-index: 1; } .list_videoimg_img { display: block; width: 100%; height: 100%; position: relative; z-index: 0; } .list_videomask { width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; z-index: 10; display: none; } .list_video .close { color: #fff; position: absolute; top: 0; right: 4px; z-index: 11; display: none; } .red.c11.width_page .title1 { margin-bottom: 0; } .list_video { overflow: hidden; } .list_li { overflow: hidden; width: 306px; float: left; margin: 0 21px 21px 0; } .list_li:nth-of-type(3n) { margin-right: 0; } .list_img { width: 100%; height: 156px; } .list_tit { height: 38px; line-height: 38px; font-size: 16px; color: #1d70b9; position: relative; margin: 0 0 5px 0; } .list_text { height: 49px; line-height: 24px; font-size: 14px; color: #727171; position: relative; margin: 0 0 5px 0; padding: 0 0 3px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .list_b { position: relative; } .time { font-size: 12px; color: #727171; display: block; height: 20px; line-height: 20px; } .list_b .more { position: absolute; top: 0; right: 0; } .list_text a { display: block; color: #727171; } .list_tit a { display: block; color: #1d70b9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list_tit span { display: block; width: 100%; height: 1px; background: url('http://www.zgwypl.com/images/special/bor1.png') repeat-x; position: absolute; bottom: 0; } .list_img img { display: block; width: 100%; height: 100%; object-fit: cover; } .c15 .sublist20 .list_main li, .c13 .sublist20 .list_main li { height: 53px; margin: 0; padding: 0; width: 100%; overflow: hidden; float: left; } .c15 .sublist20 .list_main li, .c13 .sublist20 .list_main li { width: 49%; margin-right: 2%; } .c15 .sublist20 .list_main li>a, .c13 .sublist20 .list_main li>a { display: block; line-height: 53px; max-width: 65%; /* background: url(../images/news_picico.jpg) no-repeat right center; */ padding: 0 25px 0 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; } .c15 .sublist20 .list_main li img, .c13 .sublist20 .list_main li img { width: 148px; height: 96px; object-fit: cover; } .c15 .sublist20 .list_main>li, .c13 .sublist20 .list_main>li { height: auto; line-height: normal; padding: 18px 0 0; } .c15 .sublist20 .list_main li .list_main_r, .c13 .sublist20 .list_main li .list_main_r { height: 90px; overflow: hidden; } .c15 .sublist20 .list_main>li .list_main_r i a, .c13 .sublist20 .list_main>li .list_main_r i a { color: #1d70b9; padding: 0; } .c15 .sublist20 .list_main>li .list_main_r>i, .c13 .sublist20 .list_main>li .list_main_r>i { font-size: 14px; height: 2em !important; line-height: 1.5em !important; white-space: normal; display: block; } .c15 .sublist20 .list_main li .list_main_r .title span, .c13 .sublist20 .list_main li .list_main_r .title span { font-size: 14px; color: #8c9195; font-weight: normal; } .c15 .list_main li, .c13 .list_main li { padding: 10px 0 10px 28px; border-bottom: dashed 1px #b2b0b0; } .c15 .sublist20 .list_main>li .title, .c13 .sublist20 .list_main>li .title { position: relative; width: 100% !important; height: 24px !important; line-height: 24px !important; margin-top: 2px; } .c15 .sublist20 .list_main>li .list_main_r p, .c13 .sublist20 .list_main>li .list_main_r p { display: block !important; height: 3em; overflow: hidden; font-size: 14px; line-height: 1.5em; } .c15 .sublist20 .list_main>li .list_main_r .title a.more, .c13 .sublist20 .list_main>li .list_main_r .title a.more { display: block !important; left: auto; right: 0; top: 0; position: absolute; } .c14 .sublist20 .list_main li { height: 53px; margin: 0; padding: 0; width: 100%; overflow: hidden; float: left; } .c14 .sublist20 .list_main li { width: 49%; margin-right: 2%; } .c14 .sublist20 .list_main>li .list_main_r>i { font-size: 14px; height: 3em !important; line-height: 1.5em !important; white-space: normal; display: block; } .c14 .sublist20 .list_main>li .list_main_r a { color: #1d70b9; padding: 0; } .c14 .sublist20 .list_main>li .title { width: 100% !important; height: 24px !important; line-height: 24px !important; position: relative; } .c14 .sublist20 .list_main li .list_main_r .title span { font-size: 14px; color: #8c9195; font-weight: normal; } .c14 .sublist20 .list_main>li .list_main_r .title a.more { display: block !important; position: absolute; top: 0; left: auto; right: 0; } .c14 .sublist20 .list_main li .list_main_r .title a.more { font-size: 14px; color: #8c9195; } .c14 .sublist20 .list_main li .list_main_r .title a.more { padding: 0 10px 0 0; background: url('http://www.zgwypl.com/images/more.png') no-repeat 30px 6px; } .c14 .sublist20 .list_main>li { height: auto; line-height: normal; padding: 18px 0 0; } .c14 .list_main li { padding: 10px 0 10px 28px; border-bottom: dashed 1px #b2b0b0; } .c14 .sublist20 .list_main li.list_submain_last { border-bottom: dashed 1px #b2b0b0 !important; } .c14 .title { margin-bottom: 10px; } .c15 .sublist20 .list_main>li .list_main_r>i { font-size: 14px; height: 3em !important; line-height: 1.5em !important; white-space: normal; display: block; } .c15 .sublist20 .list_main>li:nth-child(odd) { margin-right: 2% !important; } .c15 .sublist20 .list_main>li:nth-child(even) { margin-right: 0 !important; } .c15 .sublist20 .list_main li>a { line-height: 0; } .c15 .sublist20 .list_main li .list_main_r { height: auto; } .c15 .sublist20 .list_main>li { padding-bottom: 14px; } .c15 .sublist20 .list_main>li .title { margin-top: 12px; } .c15 .sublist20 .list_main>li .list_main_r p { margin-top: 4px; } @media screen and (max-width: 999px) { .c15 .sublist20 .list_main li, .c13 .sublist20 .list_main li { width: auto; margin-right: 0 !important; } .c14 .sublist20 .list_main li { width: auto; float: none; margin-right: 0 !important; } .list_li { width: auto; float: none; margin-right: 0; } .red .list5_img { width: auto; } .page a { display: inline-block; margin-bottom: 8px; } .page a, .page span { padding: 4px 8px; margin: 0 2px 4px; font-size: 12px; } .width_page .title1 p { height: auto; } .years_waptit { display: block; text-align: center; margin: 0 0 20px; position: relative; } .list4_p { margin-bottom: 3em; } .years { display: none; } .list4_li { width: auto; float: none; overflow: hidden; padding: 0 0; } .list4_ul { width: auto; margin: auto; } .list4_li+.list4_li { margin-top: 0; margin-left: 0; } .width_page { width: auto; margin: 10px; } .width_page .cont { padding: 10px; } .sx-1-l { width: 100%; margin: 0 0 10px 0; height: auto; float: none; } .list5_li { width: 100%; margin: auto; } .list5_img { width: auto; float: none; margin: auto; height: auto; margin-bottom: 1em; } .list5_img img { width: 100%; } .list6_li { width: 48%; margin: 0 4% 10px 0; } .list6_li:nth-child(even) { margin-right: 0; } .main_l, .main_r { width: auto; float: none; margin-right: 0; } .m_b18, .main_l { margin-bottom: 10px; } .img_three_img { display: block; width: calc(25% - 1px); float: left; margin: 0 1px 0 0; } .list8_li { width: 100%; } .list_videoli { width: 100%; float: none; margin-right: 0px; } }